<template>
  <div>
    <h1>随便写写</h1>
    <img v-bind:src="address" alt="" />
    <a :href="'./h5.html?id=' + id">超链接</a>
    <h2 :class="{ red: isRed, blue: !isRed }">666666</h2>
    <div :class="{menu:true,col:flag}"></div>
    <button @click="flag=!flag">点击点击点击</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      address:
        "https://img0.baidu.com/it/u=1134105984,359323383&fm=253&fmt=auto&app=138&f=JPEG?w=848&h=480",
      id: 10,
      isRed: false,
      flag: false,
    };
  },
};
</script>

<style>
.red {
  color: red;
}
.blue {
  color: blue;
}
.menu {
  width: 300px;
  height: 300px;
  background-color: blue;
}
.col {
  width: 100px;
}
</style>